@font-face {
    font-family: 'Didot';
    src: url('../font/Didot.eot');
    src:
    url('../font/Didot.eot?#font-spider') format('embedded-opentype'),
    url('../font/Didot.woff') format('woff'),
    url('../font/Didot.ttf') format('truetype'),
    url('../font/Didot.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DINProReg';
    src: url('../font/DINProReg.eot');
    src:
    url('../font/DINProReg.eot?#font-spider') format('embedded-opentype'),
    url('../font/DINProReg.woff') format('woff'),
    url('../font/DINProReg.ttf') format('truetype'),
    url('../font/DINProReg.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@charset "utf-8";
/* 初始化CSS */
*{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:bold;}
fieldset, img{border:none; vertical-align:middle;}
address, caption, cite, code, dfn, th, var{font-style:normal; font-weight:normal;}
ul, ol{list-style:none;}
li{list-style-type:none;}
input{padding-top:0; padding-bottom:0; font-family: "Microsoft Yahei","SimSun",Arial,sans-serif;}
select, input{vertical-align:middle;}
select, input, textarea{ margin:0; font-size:12px;}
input[type="text"], input[type="password"], textarea{outline-style:none;}
textarea{font-family: "Microsoft Yahei","SimSun",Arial,sans-serif; resize:none;}
body{font:12px "Microsoft Yahei","SimSun",Arial,sans-serif; color:#333; background:#fff;-webkit-font-smoothing: antialiased;overflow-x: hidden;}
a{text-decoration:none; color:inherit;}
i, em{ font-style:normal;}
.clearfix:after{ display:block; visibility:hidden; clear:both; height:0; content:"";}
.clearfix{zoom:1;}
.fl{ float:left;}
.fr{ float:right;}
.auto{ margin-left:auto; margin-right:auto;}

/*html5*/
article,aside,footer,header,section,footer,nav,figure,main{display:block}

/*小号文字  scale以12号字体为基准 需写实际字号大小*/
.font_adjust{-webkit-text-size-adjust:none;}
.font_scale8{ -webkit-transform: scale(0.66);}
.font_scale10{ -webkit-transform: scale(0.83);}
.font_lc{-webkit-transform-origin:left center;}
.font_rc{-webkit-transform-origin:right center;}
.font_up{text-transform:uppercase;}

/*文字截断*/
.TXTovehid{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.TXTovehid-two{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.TXTovehid-three{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

/*transition*/
.tran200{-webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear;}
.tran300{-webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;}
.tran400{-webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; transition:all 0.4s linear;}
.tran500{-webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; transition:all 0.5s linear;}
.tran1000{-webkit-transition:all 1s linear; -moz-transition:all 1s linear; -ms-transition:all 1s linear; transition:all 1s linear;}

.scaleimg:hover .pic em,
.scaleimg:hover .pic img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.rotateY:hover{ -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); }
.translateX:hover{-webkit-transform:translateX(-6px); -moz-transform: translateX(-6px); -ms-transform:translateX(-6px); transform:translateX(-6px);}

/*网页限定宽度*/
.w1520{width: 90%;margin: 0 auto;max-width: 1520px;}
.w1280{width: 90%;margin: 0 auto;max-width: 1280px;}

input[type="submit"],input[type="reset"],select,button{-webkit-appearance:none;appearance:none; }

*:before,*:after{-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;}

*:focus{-webkit-tap-highlight-color:rgba(0,0,0,0); }

/*解决chrome浏览器 input,textarea 获得焦点时会有一个边框的问题*/
input,textarea{outline: none;}
/*清除ios端 input,textarea 默认内阴影 默认圆角,radio和checkbox需要还原值为normal*/
input,textarea{appearance: none;-webkit-appearance: none;border-radius: 0;}


.cd-popup { position: fixed; left: 0; top: 0;right: 0;bottom: 0; height: 100%; width: 100%;background: url(../images/grayBg.png) repeat;visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 9999;  opacity: 0;}
.cd-popup.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; }
.cd-popup-container { position: relative; height: 36px; padding: 40px; background: #fff; width: 60%; margin: 0 auto; top: 50%; margin-top: -58px; background: #FFF; border-radius: .4rem .4rem .4rem .4rem; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.is-visible .cd-popup-container { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.hidden_search .text { width: 100%; height: 20px; padding: 8px 0; font-size: 14px; color: #444;background: none;border:none;font-family: "Microsoft Yahei";}
.hidden_search .btn { display: block; background: url(../images/search_icon.jpg) no-repeat center center; position: absolute; right: 0; top: 0; height: 36px; width: 36px; text-indent: -999em;border:none;cursor: pointer;}
.hidden_search .search_wrap { border: 1px solid #e4eaec; border-radius: 20px; position: relative; padding-right: 56px; padding-left: 20px; height: 36px; }
.hidden_search .close_btn { position: absolute; right: 0; top: 0; padding: 10px; width: 22px; height: 22px; -webkit-transition: 0.5s; transition: 0.5s; }
.hidden_search .close_btn:after, .hidden_search .close_btn:before { background: #cccccc; width: 20px; height: 3px; display: block; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; content: ""; position: absolute; left: 10px; top: 11px; }
.hidden_search .close_btn:before { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.hidden_search .close_btn:after { -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 26px; }
.hidden_search .close_btn:hover:after, .hidden_search .close_btn:hover:before { background: #483769;}

.header .menuIcon{width: 24px;cursor: pointer;display: none;position: absolute;right: 5%;top:50%;
-webkit-transform:translateY(-50%); -moz-transform: translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.header .menuIcon img{width: 100%;}

.navForm{background: #fff;border-radius: 3px;}
.navForm .text{width: 80%;height: 32px;border:none;background: none;font-size: 14px;color: #555;line-height: 32px;text-indent: 8px;}
.navForm .subm{width: 20%;height: 32px;border:none;background: url(../images/search_icon.jpg) no-repeat center;cursor: pointer;}
.mm-listview > li.nBorder:not(.mm-divider):after{display:none;}


.bgStyle{position: absolute;left: 0;top:0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}

.fz14{font-size: 14px;}
.fz15{font-size: 15px;}
.fz16{font-size: 16px;}
.fz18{font-size: 18px;}
.fz20{font-size: 20px;}
.fz22{font-size: 22px;}
.fz24{font-size: 24px;}
.fz28{font-size: 28px;}
.fz36{font-size: 36px;}
.fz48{font-size: 48px;}

.header{height: 76px;line-height: 76px;position: fixed;top:0;left: 0;padding-left: 253px;z-index: 9;width: 100%;box-sizing: border-box;background: #fff;box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.header .logo{width: 253px;height: 173px;position: absolute;left: 0;top:0;background: #483769;border-radius: 0 0 50px 0;text-align: center;line-height: 173px;-webkit-transform-origin:left top;transform-origin:left top;}
.header.scroll{padding-left: 200px;}
.header.scroll .logo{transform: scale(0.8);}
.header .logo span{display: block;width: 100%;height: 100%;}
.header .language{display: inline-block;margin: 29px 45px 0;width: 42px;height: 19px;background: #483769;border-radius: 9.5px;text-align: center;line-height: 19px;color: #fff;font-size: 14px;text-transform: uppercase;}
.header .language:hover{background: #7451b7;}
.header .searchBtn{width: 67px;height: 100%;background: #ECE6F0;text-align: center;cursor: pointer;}
.header .searchBtn:hover{background-color: #483769;}
.header .searchBtn:hover img{filter: brightness(0) invert(1);}
.header .nav .nLi1{position: relative;margin-left: 1px;}
.header .nav .nLi h3{padding: 0 27px;position: relative;}
.header .nav .nLi h3:before{content: "";width: 1px;height: 18px;position: absolute;left: 0;top:50%;margin-top: -9px;background: #D8D8D8;}
.header .nav .nLi:first-child h3:before{display: none;}
.header .nav .nLi h3 a{display: block;color: #333333;font-weight: normal;position: relative;}
.header .nav .nLi h3 a:before{content: "";width: 100%;height: 3px;background: #483769;position: absolute;left: 0;bottom: 0;transform: scale(0,1);visibility: hidden;opacity: 0;}
.header .nav .nLi .navSub{display: none;}
.header .nav .nLi .navSub1{position: absolute;width: 150px;left: 50%;margin-left: -75px;top:76px;background: #fff;text-align: center;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.header .nav .nLi .navSub1 li{padding: 4px 0;position: relative;}
.header .nav .nLi .navSub1 li h5 a{display: block;color: #444;line-height: 28px;font-weight: normal;padding: 3px 0;position: relative;}
.header .nav .nLi .navSub1 li h5 a:before{content: "";width: 3px;height: 100%;background: #fff;position: absolute;left: 0;top:0;-webkit-transform: scale(1,0);transform: scale(1,0);}
.header .nav .nLi .navSub1 li:hover h5 a{background: #483769;color: #fff;}
.header .nav .nLi .navSub1 li:hover h5 a:before{-webkit-transform: scale(1,1);transform: scale(1,1);}

.header .nav .nLi .navSub1 li .inner{position: absolute;left: 100%;top:0;background: #fff;width: 150px;display: none;}
.header .nav .nLi .navSub1 li .inner a{display: block;font-size: 14px;line-height: 34px;}
.header .nav .nLi .navSub1 li .inner a:hover{background: #483769;color: #fff;}

.header .nav .nLi.on h3 a,.header .nav .nLi:hover h3 a{color: #483769;}
.header .nav .nLi.on h3 a:before,.header .nav .nLi:hover h3 a:before{opacity: 1;visibility: visible;transform: scale(1,1);}

.pageWrap{padding-top: 76px;}

.banner{width: 100%;position: relative;overflow: hidden;}
.banner a{display: block;padding-bottom: 850px;position: relative;overflow: hidden;}

.banner a video{position: absolute;left: 0;top: 0;right: 0;bottom: 0;object-fit: cover;width: 100%;height: 100%;}
/* .banner a em{transition: 1s linear 2s;filter:blur(5px);}
.banner .swiper-slide-active em,.banner .swiper-slide-duplicate-active em{transition: 2s linear 0.5s;filter:blur(0);} */
.banner a .w1520{height: 100%;position: absolute;z-index: 2;top: 0;left: 50%;-webkit-transform:translateX(-50%); -moz-transform: translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%);display: flex;align-items: center;}
.banner .btn{position: absolute;z-index: 3;top:50%;margin-top: -30px;cursor: pointer;}
.banner .prev{left: 4%;}
.banner .next{right: 4%;}
.banner .btn:hover img{transform: scale(1.3) translateX(-10px);}
.banner .next:hover img{transform: scale(1.3) translateX(10px);}

.iSearch{box-sizing: border-box;margin: -83px auto 0;position: relative;z-index: 2;padding: 51px 80px;background: url(../images/searchBg.png) no-repeat center;border-radius: 24px;box-shadow: 0 2px 15px rgba(135, 123, 157, 83);display: flex;justify-content: space-between;line-height: 64px;}
.iSearch h4{flex-shrink: 0;margin-right: 135px;position: relative;padding-left: 22px;color: #FFFFFF;font-weight: normal;text-shadow: 0 2px 3px rgba(81,63,116,0.63);;}
.iSearch h4::before{content: "";width: 2px;height: 34px;background: #67AA4D;position: absolute;left: 0;top:50%;margin-top: -15px;box-shadow: 0 2px 3px rgba(81,63,116,0.63);}
.iSearch .form{flex: 1;background: #FFFFFF;border-radius: 35px;box-shadow: 0 2px 4px rgba(105,105,105,0.5);box-sizing: border-box;padding-right: 238px;position: relative;font-size: 0;}
.iSearch .form .subm{width: 238px;height: 64px;position: absolute;right: 0;top:0;background-image: linear-gradient(90deg, #679652, #67AA4D);border-radius: 35px;}
.iSearch .form .subm .btn{width: 100%;height: 100%;box-sizing: border-box;padding-left: 64px;color: #fff;text-align: left;border: none;cursor: pointer;background: url(../images/searchBtn1.svg) no-repeat 144px  center;}
.iSearch .form .text{width: 100%;box-sizing: border-box;padding: 0 66px;border: none;background: none;line-height: 64px;height: 64px;}
.iSearch .form .text::-webkit-input-placeholder {color: #CACACA;}

.iTitle{margin-bottom: 45px;padding-left: 22px;position: relative;}
.iTitle::before{content: "";width: 3px;height: 100%;position: absolute;left: 0;top:0;background: #513F74;}
.iTitle .en{color: #333333;line-height: 1;font-weight: normal;text-transform: uppercase;font-family: "Didot";}
.iTitle .ch{margin: 9px 0 12px;color: #333333;line-height: 1;font-weight: normal;}
.iTitle p{line-height: 22px;color: #CACACA;max-width: 428px;}

.line{width: 100%;height: 100%;position: absolute;top:0;left: 50%;-webkit-transform:translateX(-50%); -moz-transform: translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%);z-index: 0;}
.line i{width: 1px;height: 100%;position: absolute;top: 0;left: 0;background: #F2F2F2;}
.line i:nth-child(2){left: 20%;}
.line i:nth-child(3){left: 40%;}
.line i:nth-child(4){left: 60%;}
.line i:nth-child(5){left: 80%;}
.line i:nth-child(6){left: 100%;}

.line.line4 i:nth-child(2){left: 25%;}
.line.line4 i:nth-child(3){left: 50%;}
.line.line4 i:nth-child(4){left: 75%;}
.line.line4 i:nth-child(5){left: 100%;}

.isect1{padding: 100px 0;position: relative;}
.isect1 .container{width: 100%;position: relative;overflow: hidden;z-index: 3;}
.isect1 .container .bg{width: 20%;height: 100%;position: absolute;left: 0;top:0;background: url(../images/isect1Bg.jpg) no-repeat center;background-size: cover;border-radius: 20px;}
.isect1 .container a{display: block;position: relative;z-index: 2;text-align: center;padding: 89px 20px;}
.isect1 .container a h5{color: #333333;line-height: 1;font-weight: normal;margin: 40px auto 45px;}
.isect1 .container a .arr{width: 40px;height: 40px;opacity: 0;}
.isect1 .container .on a h5{color: #fff;}
.isect1 .container .on a .icon{filter: brightness(0) invert(1);}
.isect1 .container .on a .arr{opacity: 1;}

.tabStyle li{margin-left: 60px;}
.tabStyle li:first-child{margin-left: 0;}
.tabStyle li a{display: block;position: relative;color: #FFFFFF;line-height: 2;}
.tabStyle li a:before{content: "";width: 0;height: 1px;background: #513F74;position: absolute;right: 0;top:50%;}
.tabStyle li.active a{color: #513F74;padding-right: 46px;/* font-weight: bold; */}
.tabStyle li.active a:before{width: 40px;}


.isect2{padding: 82px 0;background: url(../images/isect2Bg.jpg) no-repeat center top;background-size: cover;position: relative;overflow: hidden;}
.isect2 .wrap{width: 54%;padding: 69px 0 45px 67px;position: relative;}
.isect2 .wrap:before{content: "";position: absolute;left: 0;top:0;width: 1230px;height: 100%;border-radius: 36px;background-image: linear-gradient(135deg, rgba(198,122,213,0.75), rgba(72,55,105,0.94));}
.isect2 .title{margin-bottom: 50px;display: flex;justify-content: space-between;align-items: center;position: relative;z-index: 2;}
.isect2 .iTitle{margin-bottom: 0;}
.isect2 .iTitle .en,.isect2 .iTitle .ch{color: #FFFFFF;}
.isect2 .iTitle .ch{margin-bottom: 0;}
.isect2 .iTitle:before{background: #fff;}

.isect2 .tabs-container,.isect2 .innerScroll{width: 100%;position: relative;overflow: hidden;}
.isect2 .tabs-container{color: #fff;}
.isect2 .tabs-container .item1{width: 26%;box-sizing: border-box;padding: 0 20px;}
.isect2 .tabs-container .item2{width: 58.4%;box-sizing: border-box;padding-right: 20px;}
.isect2 .hd{background: rgba(255,255,255,0.08);line-height: 46px;}
.isect2 .innerScroll{height: 360px;}
.isect2 .innerScroll a{display: block;height: 44px;border-top: 1px solid rgba(255,255,255,0.08);line-height: 44px;}
.isect2 .innerScroll a:hover{background: rgba(255,255,255,0.08);}
.isect2 .innerScroll a:hover .item3 img{transform:translateX(16px);}

.moreBtn{display: block;width: 120px;height: 34px;border: 1px solid #483769;border-radius: 18px;position: relative;overflow: hidden;text-align: center;line-height: 34px;}
.moreBtn span{position: relative;z-index: 2;}
.moreBtn span img{margin: -0.25em 0 0 10px;}
.moreBtn:before{width: 238px;height: 238px;border-radius: 100%;background: #483769;content: '';
position: absolute;left: -20%;top: -80%;-webkit-transition: all 0.8s ease 0s;transition: all 0.8s ease 0s;-webkit-transform: scale(0);transform: scale(0);}
.moreBtn:hover:before{-webkit-transform: scale(1.2);transform: scale(1.2);}
.moreBtn:hover{color: #fff;}
.moreBtn:hover span img{filter: brightness(0) invert(1);}

.isect3{position: relative;background: url(../images/isect3Bg.png) no-repeat center;}
.isect3 .w1520{position: relative;padding: 100px 0;}
.isect3 .left{width: 42.2%;position: relative;z-index: 2;}
.isect3 .left .desc{line-height: 25px;color: #333333;max-height: 75px;overflow: hidden;padding-top: 5px;}
.isect3 .left .ul{margin: 60px auto 70px;display: flex;justify-content: space-between;}
.isect3 .left .ul h5{font-size: 48px;color: #513F74;font-weight: normal;font-family: "DINProReg";height: 48px;line-height: 48px;margin-bottom: 22px;}
.isect3 .left .ul p{color: #513F74;line-height: 24px;padding: 6px 0;}
.isect3 .right{width: 47.2%;position: relative;}
.isect3 .right .container{width: 100%;position: relative;overflow: hidden;}
.isect3 .right .container a{display: block;padding-bottom: 524px;position: relative;overflow: hidden;border-radius: 36px;}
.isect3 .right .control{position: absolute;left: -10px;bottom: 0;background: #FFFFFF;width: 415px;height: 64px;box-sizing: border-box;padding: 0 49px 0 17px;z-index: 2;line-height: 64px;}
.isect3 .right .control .btn{width: 104px;text-align: center;cursor: pointer;border-left: 1px solid #F2F2F2;}
.isect3 .right .control .btn:hover img{transform: scale(1.4);}
.isect3 .right .control .btn:first-child{border-left: none;}
.isect3 .right .control .pageStyle{font-size: 18px;color: #877B9D;line-height: 64px;font-family: "Didot";}
.isect3 .right .control .pageStyle em{font-size: 48px;color: #483769;margin-right: 4px;}

.isect4{background: url(../images/isect4Bg.jpg) no-repeat center top;background-size: cover;}
.isect4 .w1520{position: relative;padding: 68px 0 78px;}
.isect4 .line i:nth-child(2),.isect4 .line i:nth-child(4),.isect4 .line i:nth-child(5){opacity: 0;}
.isect4 .line i{background: #FFFFFF;opacity: 0.22;}
.isect4 .iTitle{padding-top: 8px;}
.isect4 .iTitle:before{background: #FFFFFF;}
.isect4 .iTitle .ch,.isect4 .iTitle .en,.isect4 .iTitle p{color: #fff;}
.isect4 .content{width: 608px;margin-right: 10%;position: relative;}
.isect4 .content b{width: 46px;height: 46px;position: absolute;}
.isect4 .content b:nth-child(1){left: -1px;top:-1px;border-left: 1px solid rgba(255,255,255,0.72);border-top: 1px solid rgba(255,255,255,0.72);border-radius: 22px 0 0 0;}
.isect4 .content b:nth-child(2){right: 2px;top:-1px;border-right: 1px solid rgba(255,255,255,0.72);border-top: 1px solid rgba(255,255,255,0.72);border-radius: 0 22px 0 0;}
.isect4 .content b:nth-child(3){right: 2px;bottom:-1px;border-right: 1px solid rgba(255,255,255,0.72);border-bottom: 1px solid rgba(255,255,255,0.72);border-radius: 0 0 22px 0;}
.isect4 .content b:nth-child(4){left: -1px;bottom:-1px;border-left: 1px solid rgba(255,255,255,0.72);border-bottom: 1px solid rgba(255,255,255,0.72);border-radius: 0 0 0 22px;}
.isect4 .content li{width: 50%;box-sizing: border-box;border: 1px solid rgba(255,255,255,0.2);margin: -1px 0 0 -1px;}
.isect4 .content li:nth-child(1){border-radius: 22px 0 0 0;}
.isect4 .content li:nth-child(2){border-radius: 0 22px 0 0;}
.isect4 .content li:nth-last-child(2){border-radius: 0 0 0 22px;}
.isect4 .content li:last-child{border-radius: 0 0 22px 0;}
.isect4 .content li a{display: block;height: 120px;padding: 0 20px;display: flex;align-items: center;text-align: center;}
.isect4 .content li a .wrap{width: 100%;}
.isect4 .content li a h5{line-height: 24px;font-weight: normal;color: #fff;margin-top: 15px;}
.isect4 .content li a:hover .icon{transform: rotateY(180deg);}

.isect5{padding: 100px 0;position: relative;}
.isect5 .title{margin-bottom: 30px;display: flex;justify-content: space-between;align-items: center;}
.isect5 .iTitle{margin-bottom: 0;}
.isect5 .tabStyle li a{color: #333333;}
.isect5 .tabStyle li.active a{color: #513F74;}
.isect5 .container{width: 100%;position: relative;overflow: hidden;}
.isect5 .container .wrap{display: flex;justify-content: space-between;align-items: center;}
.isect5 .container .wrap .moreBtn{margin-left: 20px;}
.isect5 .list{width: 80%;}
.isect5 .list a{display: flex;align-items: center;justify-content: space-between;padding: 20px 50px 20px;border-bottom: 1px solid #F2F2F2;color: #333333;line-height: 40px;}
.isect5 .list span{flex-shrink: 0;margin-right: 100px;}
.isect5 .list h5{flex: 1;margin-right: 50px;font-weight: normal;}
.isect5 .list a:hover{color: #483769;background: #f6f6f6;border-color: #f6f6f6;}
.isect5 .list a:hover h5{transform:translateX(16px);color: #483769;}
.isect5 .list a:hover .arr{transform: scale(1.4) translateX(16px);}

.footer .top{background-image: linear-gradient(180deg, #743F74, #483769);padding: 15px 0;line-height: 40px;color: #fff;}
.footer .top li{padding-left: 90px;position: relative;}
.footer .top li:before{content: "";width: 1px;height: 20px;background: #FFFFFF;position: absolute;left: 45px;top:50%;margin-top: -10px;}
.footer .top li a{display: flex;align-items: center;}
.footer .top li a img{margin-right: 12px;}
.footer .top li:first-child{padding-left: 0;}
.footer .top li:first-child:before{display: none;}
.footer .top li a:hover img{transform: rotateY(180deg) scale(1.2);}
.footer .top li a:hover{color: rgba(255,255,255,0.8);}
.footer .med{display: flex;justify-content: space-between;align-items: flex-start;}
.footer .med .right{flex-shrink: 0;width: 40%;box-sizing: border-box;padding: 50px 0 50px 50px;border-left: 1px solid #F2F2F2;}
.footer .med .right .logo{margin-bottom: 25px;display: flex;align-items: center;}
.footer .med .right .logo img{margin-right: 30px;}
.footer .med .right .logo h5{color: #333333;font-weight: normal;}
.footer .med .wrap{display: flex;align-items: center;justify-content: space-between;}
.footer .med .wrap .qrcode{width: 100px;height: 100px;box-sizing: border-box;border: 1px solid #D8D8D8;flex-shrink: 0;margin-left: 86px;}
.footer .med .wrap .qrcode img{width: 100%;height: 100%;}
.footer .med .wrap dl{display: flex;justify-content: space-between;align-items: flex-start;line-height: 24px;margin-top: 10px;}
.footer .med .wrap dl:first-child{margin-top: 0;}
.footer .med .wrap dl dt{flex-shrink: 0;margin-right: 26px;}
.footer .med .wrap dl dd{flex: 1;}
.footer .med .wrap dl dd a:hover{text-decoration: underline;color: #483769;}
.footer .fNav{flex: 1;display: flex;justify-content: space-between;padding: 50px 0;color: #666666;line-height: 30px;padding-right: 6.2%;}
.footer .fNav dt{margin-bottom: 24px;padding-bottom: 20px;position: relative;color: #333333;font-weight: bold;}
.footer .fNav dt:before{content: "";width: 36px;height: 1px;background: #DBDBDB;position: absolute;left: 0;bottom: 0;}
.footer .fNav a:hover{color: #483769;}
.footer .btm{line-height: 36px;padding: 15px 0;color: #666666;border-top: 1px solid #F2F2F2;}
.footer .btm .w1520{display: flex;justify-content: space-between;}
.footer .btm a:hover{color: #483769;text-decoration: underline;}

.nyBanner{height: 0;padding-bottom: 450px;position: relative;background-repeat: no-repeat;background-position: center;background-size: cover;color: #FFFFFF;}
.nyBanner h3{padding: 163px 0 43px;text-align: center;line-height: 1;font-weight: normal;position: relative;}
.nyBanner h3:before{content: "";width: 54px;height: 3px;background: #FFFFFF;position: absolute;bottom: 0;left: 50%;margin-left: -27px;}
.nyBanner .nyNav{position: absolute;left: 0;bottom: 0;width: 100%;z-index: 2;width: 100%;}
.nyBanner .nyNav ul{display: flex;justify-content: space-between;align-items: center;}
.nyBanner .nyNav ul li{margin-right: 7px;flex: 1;position: relative;border-radius: 8px 8px 0 0;background: rgba(0,0,0,0.6);}
.nyBanner .nyNav ul li:last-child{margin-right: 0;}
.nyBanner .nyNav ul li:before{content: "";position: absolute;left: 0;top:0;width: 100%;height: 100%;border-radius: 8px 8px 0 0;background-image: radial-gradient(#C67AD5, #8f5ca5);opacity: 0;}
.nyBanner .nyNav ul a{display: block;text-align: center;line-height: 64px;position: relative;z-index: 2;}
.nyBanner .nyNav ul li.on:before,.nyBanner .nyNav ul li:hover:before{opacity: 1;}

.nyWrap{padding: 60px 0;position: relative;min-height: 350px;}
.nyWrap>.w1280{position: relative;}
.nyContent{position: relative;z-index: 2; }

.techList li{margin-bottom: 60px;width: 50%;}
.techList li a{display: flex;flex-wrap: wrap;}
.techList li .pic{padding-bottom: 52.65%;position: relative;overflow: hidden;width: 100%;}
.techList li .pic:before{content: "";width: 100%;height: 100%;position: absolute;left: 100%;top:0;z-index: 2;background-image: radial-gradient(#C67AD5, #8f5ca5);opacity: 0.9;}
.techList li .pic i{width: 36px;height: 36px;position: absolute;left: 50%;top:50%;margin: -18px 0 0 -18px;z-index: 3;background: url(../images/more.svg) no-repeat center;transform: scale(0);opacity: 0;}
.techList li .text{padding: 43px 40px 8px;position: relative;width: 100%;box-sizing: border-box;}
.techList li .text:before{content: "";position: absolute;left: 40px;top:-24px;border: 12px solid transparent;border-bottom-color: #fff;z-index: 3;}
.techList li .text span{display: block;line-height: 1;color: #666666;font-family: "DINProReg";}
.techList li .text h5{margin: 20px auto 18px;line-height: 30px;color: #333333;font-weight: normal;}
.techList li .text p{color: #666666;line-height: 28px;max-height: 56px;overflow: hidden;}
.techList li a:hover .pic:before{left: 0;}
.techList li a:hover .pic i{transform: scale(1);opacity: 1;transition:all 0.2s linear 0.3s;}
.techList li a:hover .text h5{color: #513F74;}
.techList li:nth-child(2n) a{flex-direction:column-reverse;}
.techList li:nth-child(2n) a .text{padding: 15px 40px 36px;}
.techList li:nth-child(2n) a .text:before{top: auto;bottom: -24px;border: 12px solid transparent;border-top-color: #fff;}

.page{display: flex;align-items: center;justify-content: center;text-align: center;}
.page a,
.page span{display: block;line-height: 40px;margin: 0 15px;font-size: 16px;color: #666666;}
.page a.num{width: 40px;height: 40px;position: relative;}
.page a.num:before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top:0;background-image: linear-gradient(180deg, #B87AD5, #483769);border-radius: 50%;opacity: 0;transform: scale(0);}
.page a.num span{position: relative;z-index: 2;}
.page a:hover{color: #513F74;}
.page a.num:hover:before,.page a.num.on:before{opacity: 1;transform: scale(1);}
.page a.num:hover span,.page a.num.on span{color: #fff;}
.page .text{width: 40px;height: 40px;border: 1px solid #E1E1E1;border-radius: 50%;text-align: center;line-height: 40px;color: #666666;font-size: 16px;}


.page1{padding: 10px 30px;display: flex;align-items: center;justify-content: flex-end;font-size: 18px;color: #666666;line-height: 30px;}
.page1 .btn,
.page1 .text{border: 1px solid #E1E1E1;padding: 0 12px;}
.page1 span{margin: 0 8px;}
.page1 .btn{font-family: "SimSun";}
.page1 .text{width: 50px;height: 30px;text-align: center;padding: 0;}
.page1 .go{width: 30px;height: 30px;border: none;background-image: linear-gradient(180deg, #B87AD5, #483769);color: #fff;margin-right: 8px;cursor: pointer;line-height: 29px;}
.page1 .btn:hover{background: #483769;color: #fff;border-color: #483769;}

.newsList li{margin-bottom: 60px;width: 25%;border-top: 1px solid #EBEBEB;border-bottom: 1px solid #EBEBEB;position: relative;}
.newsList li:before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top:0;background-image: linear-gradient(180deg, #B87AD5, #483769);opacity: 0;transition:all 0.5s linear;}
.newsList li a{display: block;padding: 40px;position: relative;z-index: 2;}
.newsList li h5{line-height: 28px;color: #333333;font-weight: normal;}
.newsList li .line1{display: block;width: 24px;height: 2px;background: #AEA1CB;border-radius: 1px;margin: 16px 0 18px;}
.newsList li p{line-height: 28px;color: #666666;-webkit-line-clamp: 4;height: 112px;overflow: hidden;}
.newsList li .line2{display: block;height: 1px;background: #CACACA;margin: 43px 0 20px;}
.newsList li .pic{height: 0;padding-bottom: 62.5%;position: relative;overflow: hidden;}
.btmStyle{display: flex;justify-content: space-between;align-items: center;text-align: center;}
.btmStyle span{color: #666666;font-family: "DINProReg";}
.btmStyle b{width: 38px;height: 38px;border: 1px solid #CACACA;border-radius: 50%;text-align: center;display: flex;align-items: center;justify-content: center;}
.newsList li:hover:before{opacity: 1;}
.newsList li:hover h5,.newsList li:hover p,.newsList li:hover .btmStyle span{color: #fff;}
.newsList li:hover .line1{background-image: linear-gradient(180deg, #A1D584, #67AA4D);}
.newsList li:hover .line2{background: #fff;}
.newsList li:hover .btmStyle b{border-color: #fff;}
.newsList li:hover .btmStyle b img{filter: brightness(0) invert(1); }

.pageStyle{line-height: 2;color: #666666;}
.pageStyle b{background-color: #5a438f; color: #fff; padding: 8px 13px; font-family: 'NotoSans Bold'; font-size:18px;}
.pageStyle *{max-width: 100% !important;}
.pageStyle img{height: auto !important;}
/* .pageStyle table{margin:auto;} */

.passage .psgTitle{padding-bottom: 30px;border-bottom: 1px solid #E9E9E9;margin-bottom: 30px;text-align: center;}
.passage .psgTitle h5{margin-bottom: 30px;color: #333333;line-height: 1;}
.passage .psgTitle .info{color: #666666;line-height: 22px;}
.passage .psgTitle .info span{margin: 0 55px;}
.passage .psgTitle .info span img{margin-right: 12px;margin-top: -0.25em;}
.passage .psgCont{padding-bottom: 60px;border-bottom: 1px solid #E9E9E9;margin-bottom: 60px;min-height: 350px;}
.passage .psgCont table{margin:auto;}
.passage .psgCont .mrgBtm{margin-bottom: 15px;}
.passage .psgCont .pic{text-align: center;padding: 30px 0 20px;}
.passage .psgCont .pic .name{margin-top: 30px;line-height: 1;}
.passage .psgCont .pCopy{margin-top: 40px;line-height: 1;color: #513F74;font-weight: bold;}
.passage .psgLink{display: flex;justify-content: space-between;align-items: center;color: #666666;line-height: 24px;}
.passage .psgLink a:hover{color: #513F74;}
.passage .psgLink .prev{padding-left: 44px;}
.passage .psgLink .next{padding-right: 44px;}
.passage .psgLink .btn{position: relative;max-width: 40%;}
.passage .psgLink .btn .icon{width: 22px;height: 22px;border: 1px solid #CACACA;border-radius: 50%;position: absolute;top:50%;margin-top: -12px;display: flex;justify-content: center;align-items: center;}
.passage .psgLink .prev .icon{left: 0;}
.passage .psgLink .next .icon{right: 0;}
.passage .psgLink .btn img{filter: brightness(0) invert(0.5);}
.passage .psgLink .btn:hover .icon{border-color: #513F74;}
.passage .psgLink .btn:hover .icon img{filter: brightness(1) invert(0);}
.passage .psgLink .toList img{margin-right: 20px;}

.contactUs ul{margin-bottom: 80px;display: flex;justify-content: space-between;}
.contactUs ul li{width: 25%;box-sizing: border-box;padding: 0 30px 0 23px;border-left: 3px solid #513F74;}
.contactUs ul li:nth-child(3){width: 50%;}
.contactUs ul li h5{color: #333333;font-weight: normal;line-height: 1;margin-bottom: 16px;}
.contactUs ul li p{color: #666666;line-height: 28px;word-break: break-all;}
.contactUs ul li a:hover{text-decoration: underline;}

.mapWrap{height: 606px;}

.bgStyle{position: absolute;left: 0;top:0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}

.picNewsList li{margin-bottom: 60px;width: 25%;position: relative;}
.picNewsList li:before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top:0;background-image: linear-gradient(180deg, #B87AD5, #483769);opacity: 0;transition:all 0.5s linear;}
.picNewsList li a{display: block;position: relative;z-index: 2;padding: 30px 20px 35px;}
.picNewsList li h5{line-height: 28px;color: #333333;font-weight: normal;}
.picNewsList li p{margin: 12px 0 18px;color: #666666;line-height: 28px;height: 84px;overflow: hidden;}
.picNewsList li .pic{padding-bottom: 66.42%;position: relative;overflow: hidden;margin-bottom: 20px;}
.picNewsList li:hover:before{opacity: 1;}
.picNewsList li:hover h5,.picNewsList li:hover p,.picNewsList li:hover .btmStyle span{color: #fff;}
.picNewsList li:hover .btmStyle b{border-color: #fff;}
.picNewsList li:hover .btmStyle b img{filter: brightness(0) invert(1);}

.researchWrap{overflow: hidden;}
.research .top{padding-bottom: 17px;}
.research .top .text{width: 50%;box-sizing: border-box;padding: 0 24px;}
.research .top .tit{margin-bottom: 40px;}
.research .top .tit .en{font-size: 36px;color: #333333;line-height: 36px;font-family: "Didot";text-transform: uppercase;font-weight: normal;margin-bottom: 10px;}
.research .top .tit .ch{line-height: 28px;color: #333333;font-weight: normal;}
.research .top .cont{color: #333333;line-height: 36px;}
.research .top .list{padding-top: 13px;}

.research .list{width: 50%;}
.research .list li{width: 50%;box-sizing: border-box;padding: 0 24px;margin-bottom: 25px;}
.research .list li a{display: block;padding: 0 12px;border: 1px solid #CACACA;background: #FFFFFF;border-radius: 16px;text-align: center;line-height: 62px;overflow: hidden;position: relative;}
.research .list li a span{position: relative;z-index: 2;}
.research .list li a:before{width: 238px;height: 238px;border-radius: 100%;background: #513F74;content: '';
position: absolute;left: -10%;top: -80%;-webkit-transition: all 0.8s ease 0s;transition: all 0.8s ease 0s;-webkit-transform: scale(0);transform: scale(0);}
.research .list li a:hover:before{-webkit-transform: scale(1.6);transform: scale(1.6);}
.research .list li a:hover{border-color: #513F74;color: #fff;}

.research .btm .right{width: 50%;box-sizing: border-box;padding-left: 24px;}
.research .btm .right .pic{width: 935px;padding-bottom: 520px;position: relative;overflow: hidden;}
.research .btm .right .pic:hover em{transform: scale(1.1);}

.pNav{margin-bottom: 70px;text-align: center;font-size: 0;}
.pNav li{display: inline-block;margin: 0 10px;position: relative;}
.pNav li:before{content: "";position: absolute;left: 0;top:0;width: 100%;height: 100%;border-radius: 32px;background-image: radial-gradient(#C67AD5, #8f5ca5);opacity: 0;}
.pNav li a{display: block;position: relative;z-index: 2;padding: 0 20px;min-width: 160px;border: 1px solid #CACACA;border-radius: 32px;color: #333333;line-height: 45px;}
.pNav li.on:before,.pNav li:hover:before{opacity: 1;}
.pNav li.on a,.pNav li:hover a{border-color: #fff;color: #fff;}

.prodList li{width: 47.65%;margin-bottom: 40px;box-sizing: border-box;border: 1px solid #E1E1E1;border-radius: 13px;padding: 20px;background: #fff;}
.prodList li:nth-child(2n){float: right;}
.prodList li a{display: flex;justify-content: space-between;align-items: flex-start;}
.prodList li .pic{flex-shrink: 0;width: 265px;height: 180px;position: relative;overflow: hidden;border-radius: 12px;margin-right: 20px;display: flex;align-items: center;justify-content: center;}
.prodList li .pic img{max-width: 100%;max-height: 100%;}
.prodList li .text{flex: 1;overflow: hidden;padding-top: 5px;position: relative;}
.prodList li .text span{display: block;line-height: 28px;color: #513F74;}
.prodList li .text h5{color: #333333;line-height: 26px;max-height: 52px;margin: 5px 0 10px;font-weight: normal;}
.prodList li .text p{line-height: 26px;color: #666666;font-size: 14px;}
.prodList li .arr{width: 38px;height: 38px;background: #fff;border: 1px solid #CACACA;border-radius: 50%;display: flex;justify-content: center;align-items: center;position: absolute;right: 0;bottom: 0; display:none;}
.prodList li .arr:before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top:0;border-radius: 50%;background-image: linear-gradient(#B87AD5, #483769);opacity: 0;}
.prodList li .arr img{filter: brightness(0) invert(0.6);position: relative;z-index: 2;}
.prodList li:hover{box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.prodList li:hover a .text h5{color: #513F74;}
.prodList li:hover a .arr{border:none;}
.prodList li:hover a .arr:before{opacity: 1;}
.prodList li:hover a .arr img{filter: brightness(0) invert(1);}


table{border-collapse: collapse;}

.contProd .top{padding: 100px 0;box-shadow: 0 2px 13px rgba(170,166,176,0.5);margin-bottom: 60px;}
.contProd .top .w1280{display: flex;justify-content: space-between;align-items: flex-start;}
.contProd .top .container{width: 570px;margin-right: 10.15%;flex-shrink: 0;position: relative;overflow: hidden;}
.contProd .top .container .pic{display: block;padding-bottom: 66.6667%;position: relative;overflow: hidden;}
.contProd .top .container .pic span{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.contProd .top .container .pic img{max-width: 100%;max-height: 100%;}
.contProd .top .container .pic:hover img{transform: scale(1.1);}
.contProd .top .container .btn{position: absolute;top:50%;z-index: 2;margin-top: -20px;cursor: pointer;}
.contProd .top .container .btn img{width: 40px;}
.contProd .top .container .prev{left: 20px;}
.contProd .top .container .next{right: 20px;}
.contProd .top .container .swiper-pagination{left: auto;right: 5px;bottom: 27px;z-index: 2;width: auto;}
.contProd .top .container .swiper-pagination .swiper-pagination-bullet{width: 6px;height: 6px;margin-right: 20px;background: #FFFFFF;border-radius: 3px;opacity: 0.7;transition:all 0.3s linear;}
.contProd .top .container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 20px;opacity: 1;}
.contProd .top .text{flex: 1;overflow: hidden;padding-top: 30px;}
.contProd .top .text .tit{line-height: 24px;color: #333333;font-weight: normal;}
.contProd .top .text .label{display: inline-block;margin: 20px 0 38px;padding: 0 13px;color: #fff;line-height: 26px;background-image: radial-gradient(#C67AD5, #8f5ca5);border-radius: 13px;}
.contProd .top .text table{margin-bottom: 70px;}
.contProd .top .text table th{text-align: left;color: #666666;line-height: 20px;padding: 0 10px 10px 0;}
.contProd .top .text table th img{margin-right: 10px;}
.contProd .top .text table td{padding: 10px 10px 10px 30px;line-height: 20px;color: #513F74;}
.contProd .top .text .btn{display: inline-block;padding: 0 40px;border: 1px solid #CACACA;border-radius: 27px;line-height: 52px;color: #666666;margin-right: 12px;}
.contProd .top .text .btn:last-child{margin-right: 0;}
.contProd .top .text .btn img{margin-right: 10px;margin-top: -0.25em;}
.contProd .top .text .btn:hover{border-color: #513F74;background: #513F74;color: #fff;}
.contProd .top .text .btn:hover img{filter: brightness(0) invert(1);}

.contProd .btm  .pageStyle{line-height: 36px;}
.contProd .btm .tit{border-bottom: 3px solid #ECECEC;}
.contProd .btm .tit span{display: inline-block;min-width: 208px;height: 60px;border-radius: 8px 8px 0 0;background-image: radial-gradient(#C67AD5, #8f5ca5);text-align: center;line-height: 60px;color: #fff;}
.contProd .btm .tit.tabs span{margin-right: 40px;background: #F5F5F5;border-color: #CACACA;color: #333333;cursor: pointer;}
.contProd .btm .tit.tabs span:last-child{margin-right: 0;}
.contProd .btm .tit.tabs span.active{background-image: radial-gradient(#C67AD5, #8f5ca5);color: #fff;}
.contProd .btm .item{margin-bottom: 80px;}
.contProd .btm .item1 .cont{padding: 0;border: none;}
.contProd .btm .item1 .container1{width: 100%;position: relative;overflow: hidden;}
.contProd .btm .item1 .container1 .picList{padding: 40px 0;border: 1px solid #ECECEC;}
.contProd .btm .item1 .container1 .picList ul{width: 100%;}
.contProd .btm .item1 .container1 .picList ul li .text{padding-top: 26px;}
.contProd .btm .item1 .container1 .picList ul li p{margin: 15px 0 35px;}
.contProd .btm .item1 .container1 .picList li .text .info span{margin-right: 0;margin-left: 30px;}
.contProd .btm .item1 .container1 .picList li .text .info span:first-child{margin-left: 0;}

.contProd .btm .item .cont table{width: 100%;}

.table2 td{border: 1px solid #ECECEC;padding: 24px;color: #666666;line-height: 26px;box-sizing: border-box;}
.table2 td:first-child{color: #333333;}

.table3{width: 100%;}
.table3 th,.table3 td{border: 1px solid #DBD3E4;line-height: 26px;padding: 3px 6px;color: #818181;font-size: 15px;text-align: center;}
.table3 th{padding: 10px 6px;background: #F9F7FB;}

.contProd .item .cont{padding: 30px;border: 1px solid #ECECEC;border-top: none;}

.contProd .item2 .left{width: 54.098%;}
.contProd .item2 .right{width: 41.3%;}

.contProd .item4 .text{width: 39%;padding-top: 20px;}
.contProd .item4 .right{width: 54%;}

.table4{width: 100%;}
.table4 th,.table4 td{border: 1px solid #DBD3E4;line-height: 26px;padding: 10px 6px;color: #818181;font-size: 15px;text-align: center;}
.table4 th{background: #F9F7FB;color: #333333;}
.table4 th:first-child,.table4 td:first-child{background: #F9F7FB;text-align: left;padding-left: 25px;color: #333333;}

.contProd .item5 ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.contProd .item5 ul li{width: 48.4%;margin:0 3.2% 50px 0;border: 1px solid #ECECEC;box-sizing: border-box;}
.contProd .item5 ul li:nth-child(2n){margin-right: 0;}
.contProd .item5 ul li a{display: block;padding: 40px 40px 26px;}
.contProd .item5 ul li .pic{height: 310px;margin-bottom: 18px;text-align: center;line-height: 310px;font-size: 0;overflow: hidden;border: 1px solid #DBD3E4;}
.contProd .item5 ul li .pic img{max-width: 100%;max-height: 100%;}
.contProd .item5 ul li .text{color: #666666;line-height: 22px;font-size:14px;}


.searchBanner{width: 100%;padding-bottom: 200px;background-repeat: no-repeat;background-position: center;background-size: cover;position: relative;}
.searchBanner .formWrap{position: absolute;left: 0;bottom: 0;width: 100%;z-index: 2;}
.searchBanner .form{background: rgba(0,0,0,0.6);border-radius: 32px;padding: 0 250px 0 60px;position: relative;}
.searchBanner .form .text{width: 100%;height: 64px;border: none;background: none;line-height: 64px;color: #fff;}
.searchBanner .form .subm{width: 238px;height: 64px;position: absolute;right: 0;top:0;background-image: radial-gradient(#C67AD5, #8f5ca5);border: none;border-radius: 32px;}
.searchBanner .form .subm .btn{width: 100%;height: 100%;box-sizing: border-box;padding-left: 64px;border: none;background: url(../images/searchBtn2.svg) no-repeat 146px center;text-align: left;color: #fff;cursor: pointer;}
.searchBanner .form .text::-webkit-input-placeholder {color: rgba(255,255,255,0.7);}

.searchWrap{padding: 60px 0 100px;}
.searchWrap .tit{margin-bottom: 40px;line-height: 35px;color: #513F74;font-weight: normal;}
.searchWrap .content{display: flex;justify-content: space-between;align-items: flex-start;}

.searchSide{width: 25%;box-sizing: border-box;border: 1px solid #877B9D;border-radius: 13px;}
.searchSide .nLi{border-top: 1px solid #877B9D;}
.searchSide .nLi h3 a{display: block;padding: 30px 40px;line-height: 1;color: #333333;font-weight: normal;position: relative;}
.searchSide .nLi h3 a:before{content: "";width: 9px;height: 9px;border-left: 1px solid #979797;border-bottom: 1px solid #979797;position: absolute;right: 40px;top:50%;margin-top: -5px;-webkit-transform: rotateZ(-135deg); -moz-transform: rotateZ(-135deg); -ms-transform: rotateZ(-135deg); transform: rotateZ(-135deg);}
.searchSide .nLi h3 a img{margin-right: 15px;filter: brightness(0) invert(0.5);}
.searchSide .nLi:first-child{border-top: none;}
.searchSide .nLi:first-child h3 a{font-weight: bold;}
.searchSide .nLi:first-child h3 a:before{display: none;}
.searchSide .nLi .navSub{display: none;}
.searchSide .nLi .navSub ul{padding: 0 40px 10px 78px;max-height: 200px;overflow: auto;margin-bottom: 20px;padding: 0 16px 10px 58px;}
.searchSide .nLi .navSub ul::-webkit-scrollbar{width: 4px;height: 4px;background: #EEEEEE;border-radius: 2px;}
.searchSide .nLi .navSub ul::-webkit-scrollbar-thumb{background: #CCCCCC;border-radius: 2px;}
.searchSide .nLi .navSub ul li{margin-top: 20px;}
.searchSide .nLi .navSub ul li:first-child{margin-top: 0;}
.searchSide .nLi .navSub ul li a{display: block;line-height: 1;color: #666666;position: relative;padding-left: 20px;}
.searchSide .nLi .navSub ul li a:before{content: "";width: 4px;height: 4px;background: #D8D8D8;border-radius: 50%;position: absolute;left: 0;top:50%;margin-top: -2px;}
.searchSide .nLi .navSub ul li.on a,.searchSide .nLi .navSub ul li a:hover{color: #513F74;}
.searchSide .nLi .navSub ul li.on a:before,.searchSide .nLi .navSub ul li a:hover:before{background: #513F74;}
.searchSide .nLi.on h3 a{color: #513F74;}
.searchSide .nLi.on h3 a img{filter: brightness(1) invert(0);}
.searchSide .nLi.on h3 a:before{border-color: #513F74;-webkit-transform: rotateZ(-45deg); -moz-transform: rotateZ(-45deg); -ms-transform: rotateZ(-45deg); transform: rotateZ(-45deg);}

/* 20240106 */
.searchSide .nLi:last-child{border-bottom: 1px solid #877B9D;}
.searchSide .nLi .navSub ul li a:before{width: 14px;height: 14px;border-radius: 0;margin: 0;transform: translateY(-50%);z-index: 1;}
.searchSide .nLi .navSub ul li a .tIcon{width: 14px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);opacity: 0;z-index: 3;}
.searchSide .nLi .navSub ul li.on a .tIcon{opacity: 1;}
.searchSide .nLi .navSub ul li.on a::before{opacity: 0;}
.searchSide .filterBtnWrap{padding: 30px 0;display: flex;align-items: center;justify-content: center;}
.searchSide .filterBtnWrap .btn{width: 128px;height: 38px;border:1px solid #513f74;border-radius: 2px;margin-left: 20px;text-align: center;line-height: 38px;font-size: 16px;color: #513f74;cursor: pointer;background: none;}
.searchSide .filterBtnWrap .btn.reset{border-color: #ab6cbd;color: #ab6cbd;}
.searchSide .filterBtnWrap .btn:hover{background: #513f74;color: #fff;}
.searchSide .filterBtnWrap .btn.reset:hover{background: #ab6cbd;color: #fff;}
.searchSide .filterBtnWrap .btn:first-child{margin-left: 0;}

.result{width: 70%;}
.result .filter{margin-bottom: 30px;border: 1px solid #877B9D;border-radius: 14px;display: flex;justify-content: space-between;line-height: 56px;}
.result .filter .label{flex-shrink: 0;padding: 0 30px;color: #fff;border-radius: 12px 0 0 12px;background-image: radial-gradient(#C67AD5, #8f5ca5);position: relative;display: flex;align-items: center;}

.result .filter .label:before{content: "";border: 8px solid transparent;border-left-color: #8f5ca5;position: absolute;right: -15px;top:50%;margin-top: -8px;}
.result .filter .text{flex: 1;box-sizing: border-box;padding: 15px 20px;color: #666666;line-height: 26px;}
.result .filter .btn{color: #513F74;flex-shrink: 0;margin-right: 30px;}

.result .nLi{margin-bottom: 30px;border: 1px solid #E1E1E1;border-radius: 13px;}
.result .nLi a{display: flex;align-items: center;justify-content: space-between;padding: 15px 40px;}
.result .nLi a .pic{flex-shrink: 0;width: 265px;padding-bottom: 150px;position: relative;border-radius: 12px;overflow: hidden;margin-left: 50px;}
.result .nLi a .text{flex: 1;overflow: hidden;}
.result .nLi a .text h5{line-height: 25px;color: #333333;font-weight: normal;}
.result .nLi a .text ul{padding-top: 10px;}
.result .nLi a .text li{width: 50%;box-sizing: border-box;padding-right: 15px;margin-top: 20px;line-height: 18px;color: #666666;}
.result .nLi a .text li img{margin: -0.25em 10px 0 0;}
.result .nLi:hover{box-shadow: 0 0 20px rgba(0,0,0,0.2);border-color: #fff;}
.result .nLi:hover a h5{color: #513F74;}

.singlePage{box-sizing: border-box;padding: 0 30px;}

.picList ul{display: flex;flex-wrap: wrap;}
.picList li{width: 47.65%;margin: 0 4.7% 40px 0;box-sizing: border-box;border: 1px solid #E1E1E1;border-radius: 13px;padding: 20px;display: flex;justify-content: space-between;transition:all 0.3s linear;}
.picList li:nth-child(2n){margin-right: 0;}
.picList li .pic{flex-shrink: 0;margin-right: 20px;width: 152px;height: 180px;position: relative;overflow: hidden;border-radius: 12px;}
.picList li .text{flex: 1;overflow: hidden;}
.picList li .text .info{color: #666666;line-height: 14px;margin-bottom: 20px;}
.picList li .text .info span{margin-right: 30px;}
.picList li .text .info span:first-child{margin-right: 0;}
.picList li .text .info span img{margin: -0.25em 8px 0 0;}
.picList li .text h5{line-height: 20px;color: #333333;}
.picList li .text p{color: #666666;line-height: 24px;color: #666666;margin: 10px 0 20px;}
.picList li .text .prod{color: #513F74;line-height: 24px;}
.picList li .text .prod span{color: #666666;}
.picList li .text .prod a{text-decoration: underline;}
.picList li .text h5:hover{color: #513F74;}
.picList li:hover{border-color: #fff;box-shadow: 0 3px 18px rgba(72, 55, 105, 0.14);}

.qqFloat{position: fixed;right: 3%;bottom: 80px;z-index: 9;}
.qqFloat .icon{display: block;width: 52px;height: 52px;background: linear-gradient(135deg, rgb(64, 29, 186), rgb(130, 91, 240));box-shadow: rgb(64 29 186 / 50%) 0px 2px 16px;text-align: center;line-height: 52px;border-radius: 50%;cursor: pointer;display: flex;align-items: center;justify-content: center;}
.qqFloat .icon img{height: 26px;}
.qqFloat .qqList{position: absolute;right: 52px;top: 50%;transform: translateY(-50%);padding-right: 12px;display: none;}
.qqFloat .qqList:before{content: "";border: 6px solid transparent;border-left-color: #fff;position: absolute;right: 0;top:50%;transform: translateY(-50%);}
.qqFloat .qqList ul{padding: 10px 0;background: #fff;border-radius: 10px;box-shadow: 0 0 6px rgba(0,0,0,0.1);width: 150px;}
.qqFloat .qqList ul li{padding: 0 12px;border-bottom: 1px solid #ddd;font-size: 16px;line-height: 44px;color: #666;}
.qqFloat .qqList ul li:last-child{border-bottom: none;}
.qqFloat .qqList ul li a{display: flex;align-items: center;}
.qqFloat .qqList ul li img{height: 24px;margin-right: 6px;}
.qqFloat .qqList ul li a:hover{color: #483769;}

.floatStyle{position:fixed;right:0;top:50%;transform: translateY(-50%);z-index:99;width:120px;box-sizing:-box;border: 1px solid #8859A0;border-radius: 8px;background: #FFFFFF;z-index:88;}
.floatStyle .top{background: url(../images/floatBg.jpg) no-repeat center top;background-size: cover;border-radius: 8px 8px 0 0;}
.floatStyle .top .close{display:block;padding: 0 15px;background: #8859A0;border-radius: 8px 8px 0 0;color: #fff;line-height:20px;font-weight:bold;cursor: pointer;text-align: right;}
.floatStyle .title{padding: 10px 0;color: #FFFFFF;text-align: center;line-height: 1;}
.floatStyle .title .en{text-transform: uppercase;font-weight: normal;margin-top: 5px;font-size: 12px;}
.floatStyle .cont{padding: 20px 10px;}
.floatStyle .cont li{margin-bottom: 20px;border: 1px solid #8859A0;border-radius: 24px;height: 34px;color: #483769;cursor: pointer;display: flex;align-items: center;justify-content: center;}
.floatStyle .cont li img{margin-right: 4px;}
.floatStyle .btm{text-align: center;color: #333333;line-height: 18px;}
.floatStyle .btm img{width: 100%;margin-bottom: 8px;}


.qrcodePop{position: fixed;left:0;top:0;width:100%;height:100%;z-index:99;display: none;}
.qrcodePop .bgLayer{position: absolute;left:0;top:0;width:100%;height:100%;background: rgba(0,0,0,0.5)}
.qrcodePop .content{width: 90%;max-width: 360px;box-sizing: border-box;padding: 60px 48px 70px;background: #FFFFFF;border-radius: 12px;text-align: center;line-height: 28px;color: #483769;position:absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.qrcodePop .content .pic{width: 150px;margin-bottom: 20px;}
.qrcodePop .content .btn{background-image: linear-gradient(to right, #5AA03B , #95E078);padding: 3px;border-radius: 27px;margin-top: 40px;}
.qrcodePop .content .btn a{display:block;height: 46px;padding: 0 30px;border-radius:23px;border: 1px solid rgba(255,255,255,0.4);color: #fff;line-height: 46px;font-weight: bold;text-align: left;position: relative;}
.qrcodePop .content .btn a:before{content:"";width:48px;height:48px;position: absolute;right: 10px;top:20px;background: url(../images/icon-jt.svg) no-repeat center;background-size: 100%;}
.qrcodePop .close{width: 44px;height: 44px;position:absolute;left:50%;bottom: -84px;translate: translateX(-50%);background: url(../images/float-close.svg) no-repeat center;background-size: 100%;cursor: pointer;}

@media screen and (max-width: 1480px){
.fz14{font-size: 13px;}
.fz15{font-size: 14px;}
.fz16{font-size: 15px;}
.fz18{font-size: 16px;}
.fz20{font-size: 18px;}
.fz22{font-size: 20px;}
.fz24{font-size: 22px;}
.fz36{font-size: 30px;}
.fz28{font-size: 24px;}
.fz48{font-size: 38px;}

.header{height: 70px;line-height: 70px;padding-left: 190px;}
.header .logo{width: 190px;height: 130px;line-height: 130px;}
.header .logo img{height: 60px;}
.header.scroll{padding-left: 150px;}
.header .language{margin: 25px 30px 0;}
.pageWrap{padding-top: 70px;}

.banner a{padding-bottom: 640px;}
.banner .slide1 img{height: 138px;}
.banner a .w1520{width: 80%;}
.banner .prev{left: 3%;}
.banner .next{right: 3%;}
.banner .btn img{height: 44px;}
.iSearch{padding: 38px 60px;line-height: 54px;margin-top: -65px;}
.iSearch .form{padding-right: 200px;}
.iSearch .form .text{padding: 0 40px;line-height: 54px;height: 54px;}
.iSearch .form .subm{height: 54px;width: 200px;}
.iSearch .form .subm .btn{padding-left: 50px;background-position: 136px center;}

.iTitle{margin-bottom: 30px;}
.tabStyle li{margin-left: 45px;}

.isect1,.isect3 .w1520,.isect5{padding: 75px 0;}

.isect1 .container a{padding: 66px 20px;}
.isect1 .container a .icon{height: 60px;}
.isect1 .container a h5{margin: 30px auto 34px;}

.isect2{padding: 62px 0;}
.isect2 .wrap{padding: 52px 0 34px 50px;}
.isect2 .title{margin-bottom: 40px;}

.isect3 .right .container a{padding-bottom: 400px;}
.isect3 .left .ul{margin: 45px auto;}
.isect3 .left .ul h5{font-size: 36px;line-height: 36px;margin-bottom: 12px;height: 36px;}
.isect3 .left .ul p{padding: 0;}
.isect3 .left .desc{font-size: 14px;}

.isect4 .w1520{padding: 52px 0 58px;}
.isect4 .content{width: 40%;}

.isect5 .list a{padding: 15px 40px;line-height: 36px;}


.footer .fNav{padding: 40px 6.2% 40px 0;}
.footer .btm{padding: 10px 0;}
.footer .med .wrap .qrcode{margin-left: 68px;}
.footer .med .right .logo img{margin-left: 16px;}
.footer .med .right .logo h5{font-size: 16px;}

.techList li{margin-bottom: 50px;}
.techList li .text{padding: 34px 24px 8px;}
.techList li:nth-child(2n) a .text{padding: 8px 24px 34px;}

.nyBanner{padding-bottom: 400px;}
.nyBanner h3{padding: 140px 0 30px;}
.nyBanner .nyNav ul a{line-height: 54px;}

.newsList li{margin-bottom: 50px;}
.newsList li a{padding: 30px;}
.newsList li .line2{margin: 34px 0 20px;}

.passage .psgTitle .info span{margin: 0 35px;}

.picNewsList li{margin-bottom: 40px;}
.picNewsList li a{padding: 30px 20px;}

.research .btm .right .pic{width: 700px;padding-bottom: 460px;}
.research .list li a{line-height: 54px;}

.pNav{margin-bottom: 50px;}
.prodList li{margin-bottom: 30px;}

.contProd .top{padding: 80px 0;}
.contProd .btm .item{margin-bottom: 60px;}

}


@media screen and (max-width: 1300px){
.header{padding-left: 170px;}
.header .nav .nLi h3{padding: 0 18px;}
.header .logo{width: 170px;}
.isect3 .left .ul h5{font-size: 28px;line-height: 28px;height: 28px;}

.contProd .top .w1280{align-items: center;}
.contProd .top .container{width: 480px;margin-right: 6%;}
.contProd .top .text{padding-top: 0;}
.contProd .top .text .label{margin: 16px 0 24px;}
.contProd .top .text table{margin-bottom: 30px;}
.contProd .top .text .btn{padding: 0 24px;line-height: 44px;}

.searchSide .nLi h3 a{padding: 30px 20px;}
.searchSide .nLi .navSub ul{padding: 0 20px 10px 40px;}
.result .nLi a{padding: 15px 20px;}

.page a, .page span{margin: 0 5px;}
}

@media screen and (max-width: 1200px){
.header{padding-right: 5%;}
.header .nav{display: none;}
.header .searchBtn,.header .language{float: right;}
.header .menuIcon{display: block;}
.header .language{margin-right: 50px;}

.banner a{padding-bottom: 66%;}
.banner .slide1 img{width: 56%;height: auto;}

.iSearch{padding: 30px;margin-top: -57px;}
.iSearch h4{margin-right: 30px;font-size: 24px;padding-left: 16px;}
.iSearch h4:before{height: 24px;margin-top: -10px;}
.iSearch .form{padding-right: 160px;}
.iSearch .form .subm{width: 160px;}
.iSearch .form .subm .btn{padding-left: 40px;background-position: 100px center;}
.iSearch .form .text{padding: 0 20px;}

.tabStyle li{margin-left: 26px;}
.tabStyle li.active a{padding-right: 30px;}
.tabStyle li.active a:before{width: 24px;}

.isect2 .wrap{width: 64%;}
.isect3 .right .control{width: 340px;}
.isect3 .right .control .btn{width: 70px;}
.isect3 .right .control .pageStyle em{font-size: 40px;}

.nyBanner{padding-bottom: 35%;}
.nyBanner .nyNav{display: none;}
.nyBanner h3{padding-top: 0;position: absolute;left: 0;top:50%;width: 100%;-webkit-transform:translateY(-50%); -moz-transform: translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}

.prodList li{padding: 12px;width: 49.2%;}
.prodList li .pic{width: 220px;height: 152px;margin-right: 12px;}
.prodList li .text{padding-top: 0;}
.prodList li .text h5{line-height: 24px;max-height: 48px;}
.prodList li .text p{line-height: 30px;}
.prodList li .arr{width: 30px;height: 30px;}

.searchWrap{padding: 30px 0 40px;}
.searchWrap .tit{margin-bottom: 20px;}
.searchSide{width: 30%;}
.result{width: 67%;}

.picList li{width: 100%;margin-right: 0;margin-bottom: 30px;}

}


@media screen and (max-width: 1024px){
.line{display: none;}
.isect1 .container .bg{width: 25%;display: none;}
.isect1 .container a{padding: 40px 12px 50px;}
.isect1 .container .swiper-slide a{position: relative;}
.isect1 .container .swiper-slide a:before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top:0;background: url(../images/isect1Bg.jpg) no-repeat center;background-size: cover;border-radius: 20px;opacity: 0;transition:all 0.5s linear; }
.isect1 .container .swiper-slide-active a:before{opacity: 1;}
.isect1 .container .swiper-slide a .icon,.isect1 .container .swiper-slide a h5,.isect1 .container .swiper-slide a .arr{position: relative;z-index: 2;}

.isect1 .container .swiper-slide-active a h5{color: #fff;}
.isect1 .container .swiper-slide-active a .icon{filter: brightness(0) invert(1);}
.isect1 .container .swiper-slide-active a .arr{opacity: 1;}

.iTitle .en{font-size: 26px;}
.isect2 .wrap{width: 80%;padding: 36px 0 20px 30px;}

.isect3 .left{width: 50%;}
.isect3 .left .ul{margin: 30px auto;}
.isect3 .left .ul li{padding-right: 12px;}
.isect3 .left .ul li:last-child{margin-right: 0;}
.isect3 .left .ul p{font-size: 13px;line-height: 20px;}

.isect4 .content li a h5{font-size: 14px;}

.footer .top li{padding-left: 50px;}
.footer .top li:before{left: 25px;}

.footer .fNav{display: none;}
.footer .med .right{width: 100%;padding: 30px 0;}
.footer .btm{line-height: 24px;}
.footer .btm .w1520{display: block;text-align: center;}

.nyWrap{padding: 60px 0;}

.newsList li{border: 1px solid #EBEBEB;margin-left: -1px;box-sizing: border-box;width: 33.33%;}

.passage .psgTitle{padding-bottom: 18px;margin-bottom: 18px;}
.passage .psgTitle h5{margin-bottom: 15px;line-height: 1.5;}
.passage .psgTitle .info span{margin: 0 15px;}
.passage .psgCont{padding-bottom: 40px;margin-bottom: 40px;}
.passage .psgCont .mrgBtm{margin-bottom: 10px;}
.passage .psgCont .pic{padding: 18px 0 10px;}
.passage .psgCont .pic .name{margin-top: 15px;}
.passage .psgCont .pCopy{margin-top: 24px;}


.contactUs ul li{padding: 0 18px 0 16px;}

.picNewsList li{width: 33.33%;}

.research .top .text,.research .btm .right{padding: 0;}
.research .top{padding-bottom: 0;}
.research .top .tit{margin-bottom: 10px;}
.research .top .tit .en{font-size: 24px;line-height: 1;margin-bottom: 0;}
.research .top .cont{line-height: 28px;}
.research .top .text,.research .list{width: 100%;}
.research .btm .right,.research .btm .right .pic{width: 100%;}
.research .btm .right .pic{padding-bottom: 55.61%;}
.research .list li{margin-bottom: 15px;padding: 0 5px;}
.research .list li a{line-height: 44px;border-radius: 10px;padding: 0 4px;font-size: 12px;}

.prodList li{width: 100%;}
.pNav{margin-bottom: 30px;}
.pNav li{margin: 0 20px;}
.pNav li a{min-width: 120px;line-height: 44px;}

.contProd .btm .item{margin-bottom: 30px;}
.contProd .btm .tit span{min-width: 160px;height: 52px;line-height: 52px;}
.contProd .item .cont{padding: 16px;}
.contProd .item2 .left,.contProd .item2 .right,.contProd .item4 .text,.contProd .item4 .right{width: 100%;}
.contProd .item2 .left,.contProd .item4 .text{margin-bottom: 20px;}

.table2 td{padding: 12px;}

.contProd .top{padding: 30px 0;margin-bottom: 30px;}
.contProd .top .w1280{display: block;}
.contProd .top .container,.contProd .top .text{width: 100%;margin-right: 0;}
.contProd .top .container{margin-bottom: 20px;}
.contProd .top .text .label{margin: 10px 0 14px;}

.contProd .item5 ul li{margin-bottom: 30px;}
.contProd .item5 ul li a{padding: 24px 24px 16px;}
.contProd .item5 ul li .pic{height: 200px;line-height: 200px;margin-bottom: 12px;}

.searchWrap .content{display: block;}
.searchSide,.result{width: 100%;}
.result{padding-top: 30px;}
.result .nLi a .pic{margin-left: 30px;}

.searchBanner .form{padding: 0 110px 0 20px;}
.searchBanner .form .text{height: 44px;line-height: 44px;}
.searchBanner .form .subm{width: 110px;height: 44px;}
.searchBanner .form .subm .btn{padding-left: 18px;background-position: 64px center;background-size: auto 20px;}
}

@media screen and (max-width: 760px){


.fz14{font-size: 12px;}
.fz15{font-size: 13px;}
.fz16{font-size: 14px;}
.fz18{font-size: 15px;}
.fz20{font-size: 16px;}
.fz22{font-size: 18px;}
.fz24{font-size: 18px;}
.fz28{font-size: 22px;}
.fz36{font-size: 26px;}
.fz48{font-size: 28px;}

.iSearch{display: block;padding: 12px 20px 20px;}
.iSearch .form{padding-right: 140px;}
.iSearch .form .subm{width: 140px;}
.iSearch .form .subm .btn{padding-left: 30px;background-position: 92px center;}
.banner .video{display: none;}
.tabStyle{margin-top: 20px;}
.isect1 .container .bg{width: 33.33%;}

.isect2 .title{display: block;margin-bottom: 20px;}
.isect2 .wrap{width: 90%;position: relative;float: none;}
.isect2 .tabs-container .item2{width: calc(74% - 40px);}
.isect2 .innerScroll{height: 225px;}

.isect3 .left,.isect3 .right{width: 100%;}
.isect3 .left{margin-bottom: 25px;}
.isect3 .right .container a{padding-bottom: 73%;}
.isect3 .right .control{left: 0;}

.isect4 .iTitle,.isect4 .content{width: 100%;}
.isect4 .content{margin: 20px auto 0;}
.isect4 .content li a{height: 100px;}
.isect4 .content li a .wrap .icon{height: 26px;}
.isect4 .content li a h5{margin-top: 8px;line-height: 20px;}

.isect5 .title{display: block;margin-bottom: 6px;}
.isect5 .container .wrap{display: block;padding-bottom: 60px;}
.isect5 .container .wrap .moreBtn{position: absolute;left: 50%;bottom: 0;margin-left: -61px;}
.isect5 .list{width: 100%;}
.isect5 .list{font-size: 14px;}
.isect5 .list a{padding: 8px 0;}
.isect5 .list span{margin-right: 30px;}
.footer .top{padding: 8px 0;}
.footer .top .left,.footer .top ul{width: 100%;text-align: center;}
.footer .top .left{font-size: 16px;line-height: 24px;}
.footer .top ul{font-size: 0;line-height: 34px;}
.footer .top li{width: 33.33%;padding-left: 0;font-size: 12px;}
.footer .top li:before{left: 0;height: 16px;margin-top: -8px;}
.footer .top li a{justify-content: center;}
.footer .top li a img{margin-right: 6px;height: 14px;}

.footer .med .right{padding: 15px 0;}
.footer .med .right .logo{display: none;}
.footer .med .wrap{display: block;}
.footer .med .wrap .qrcode{margin: 12px 0 0 30px; display:none;}
.footer .med .wrap dl{margin-top: 5px;}
.footer .med .wrap dl dt{margin-right: 16px;}
.footer .btm .left .l{display: none;}
.footer .btm .left .block{display: block;}
.footer .btm{font-size: 12px;line-height: 20px;}

.nyWrap{padding: 50px 0;}
.techList li{width: 48%;margin-bottom: 30px;}
.techList li:nth-child(2n){float: right;}
.techList li a{box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.techList li:nth-child(2n) a{flex-direction: column;}
.techList li:nth-child(2n) a .text:before{bottom: auto;top: -24px;border: 12px solid transparent;border-bottom-color: #fff;}
.techList li .text,.techList li:nth-child(2n) a .text{padding: 20px;}
.techList li .text h5{margin: 6px 0;}
.techList li .text p{line-height: 24px;max-height: 48px;font-size: 14px;}

.page a.num,.page a.dot{display: none;}
/* .page a.num.on{display: inline-block;} */
.pageStyle{margin:0;}
.pageStyle b{font-size:16px;}
.pageStyle table{width:100% ! important; line-height:1.5 !important; }
.pageStyle table strong span{font-size:15px ! important;}
.pageStyle table strong{font-size:15px ! important;}

.nyBanner h3{padding-bottom: 20px;font-size:22px;}
.nyBanner h3:before{width: 40px;margin-left: -20px;}

.newsList li{width: 50%;margin-bottom: 30px;}
.newsList li a{padding: 20px;}
.newsList li .line2{margin: 20px 0 14px;}
.btmStyle b{width: 28px;height: 28px;}
.btmStyle b img{height: 3px;}

.passage .psgLink .toList{display: none;}
.passage .psgLink{display: block;line-height: 30px;}
.passage .psgLink .btn{padding: 0 !important;width: 100%;max-width: 100%;}
.passage .psgLink .btn .icon{display: none;}
.passage .psgCont{padding-bottom: 30px;margin-bottom: 30px;}
.passage .psgTitle .info{font-size: 12px;line-height: 20px;}
.passage .psgTitle .info span{margin: 0 6px;}
.passage .psgTitle .info span img{height: 16px;margin-right: 6px;}
.passage .psgTitle .info span:first-child{display: none;}
.passage .psgTitle h5{margin-bottom: 8px;}
.passage .psgTitle{padding-bottom: 15px;margin-bottom: 15px;}
.passage .psgCont .pCopy{line-height: 1.4;}

.contactUs ul{display: block;margin-bottom: 40px;}
.contactUs ul li{margin-bottom: 20px;width: 100%;}
.contactUs ul li:last-child{margin-bottom: 0;width: 100%;}
.contactUs ul li p{line-height: 24px;}
.mapWrap{height: 320px;}

.picNewsList li{width: 50%;margin-bottom: 24px;}
.picNewsList li a{padding: 20px;}
.picNewsList li p{margin: 8px 0 12px;line-height: 24px;height: 72px;}

.prodList li{margin-bottom: 20px;}
.prodList li .pic{width: 154px;height: 115px;}
.prodList li .text p{font-size: 12px;line-height: 24px;}
.prodList li .text h5{line-height: 22px;max-height: 44px;margin-top: 0;}
.prodList li .text span{line-height: 20px;}

.contProd .top .container .btn{display: none;}


.contProd .top .text table{margin-bottom: 15px;}
.contProd .top .text .btn{padding: 0 18px;line-height: 33px;font-size:14px;}
.contProd .top .text .btn img{height: 16px;margin-right: 6px;margin-top: 0;}
.contProd .top .container .swiper-pagination{bottom: 12px;}
.contProd .top .container .swiper-pagination .swiper-pagination-bullet{margin-right: 10px;}
.table3 th{padding: 4px;}
.contProd .item .cont{padding: 12px;}
.contProd .btm .pageStyle{line-height: 30px;}
.contProd .item4 .text{padding-top: 0;}

.contProd .item5 ul{display: block;}
.contProd .item5 ul li{width: 100%;margin-right: 0;}

.contProd .btm .tit span{min-width: 120px; height: 40px; line-height: 40px;}

.searchSide .nLi h3 a{padding: 20px 12px;}
.searchSide .nLi .navSub ul{padding: 0 12px 0 24px;}
.searchSide .nLi h3 a img{margin-right: 12px;height: 18px;}
.result .filter{line-height: 44px;}
.result .filter .label{padding: 0 12px;}
.result .filter .btn{margin-right: 12px;}
.result .filter .text{padding: 10px;line-height: 24px;}
.result .nLi{margin-bottom: 20px;}
.result .nLi a{padding: 12px;display: block;}
.result .nLi a .text ul{padding-top: 4px;}
.result .nLi a .text li{width: 100%;padding-right: 0;margin-top: 10px;}
.result .nLi a .pic{width: 100%;margin-top: 12px;margin-left: 0;padding-bottom: 56.6%;}

.nyContent{margin:0;}

.singlePage{padding: 0 15px;}

.picList li{margin-bottom: 16px;padding: 8px;}
.picList li .pic{width: 120px;height: 153px;margin-right: 12px;}
.picList li .text .info{margin-bottom: 8px;font-size: 10px;}
.picList li .text .info span{margin-right: 6px;}
.picList li .text .info span img{margin-right: 4px;}
.picList li .text p{margin: 5px 0;line-height: 20px;}
.picList li .text .prod span{display: block;}

.contProd .btm .tit.tabs span{margin-right: 20px;}
.contProd .btm .item1 .container1 .picList{padding: 20px 0;}
.contProd .btm .item1 .container1 .picList ul li .text{padding-top: 16px;}
.contProd .btm .item1 .container1 .picList ul li p{margin: 10px 0 20px;}
.contProd .btm .item1 .container1 .picList li .text .info span{margin-left: 10px;}

.page1{font-size: 15px;}
}

@media screen and (max-width: 468px){
.fz48{font-size: 24px;}
.fz28{font-size: 20px;}

.header{height: 48px;line-height: 48px;}
.header .logo{width: 100px;height: 82px;line-height: 82px;}
.header .logo img{height: 38px;}
.header .language{margin: 17px 40px 0 10px;}
.pageWrap{padding-top: 48px;}

.banner a{padding-bottom: 55%;}
.banner .btn{display: none;}


.iTitle{margin-bottom: 18px;}
.isect1, .isect3 .w1520, .isect5,.isect2,.isect4 .w1520{padding: 30px 0;}
.isect4 .content{margin-top: 0;}

.iSearch{padding: 0;margin-top: -20px;background: none;box-shadow: none;}
.iSearch h4{margin-right: 0;font-size: 18px;line-height: 36px;margin-bottom: 4px;display: none;}
.iSearch .form{padding-right: 100px;}
.iSearch .form .text{padding: 0 12px;line-height: 36px;height: 36px;float: left;}
.iSearch .form .subm{height: 36px;width: 100px;}
.iSearch .form .subm .btn{padding-left: 24px;background-position: 64px center;background-size: auto 20px;line-height: 36px;font-size: 14px;float: left;}

.cd-popup-container{padding: 30px 20px;width: 80%;}

.isect1 .container a{padding: 30px 12px 40px;}
.isect1 .container a h5{margin: 20px auto 24px;}

.isect2 .tabs-container .item1{padding: 0 4px;}

.isect3 .left .ul{display: block;overflow: hidden;margin: 24px auto 10px;}
.isect3 .left .ul li{width: 50%;text-align: center;float: left;padding: 0 0 20px;}
.isect3 .left .moreBtn{margin: 0 auto;}
.isect3 .right .container a{border-radius: 20px;}
.isect3 .right .control{padding: 0 20px 0 10px;height: 44px;line-height: 44px;width: 210px;}
.isect3 .right .control .btn{width: 50px;}
.isect3 .right .control .pageStyle{font-size: 16px;line-height: 44px;}
.isect3 .right .control .pageStyle em{font-size: 24px;}


.nyBanner{padding-bottom: 30%;}
.nyWrap{padding: 20px 0;}

.newsList li{width: 100%;margin-left: 0;}
.newsList li p{line-height: 24px;height: auto;max-height: 96px;-webkit-line-clamp:2;max-height: 48px;}
.newsList li .line1{margin: 12px 0;}

.techList li .text, .techList li:nth-child(2n) a .text{padding: 12px;}
.techList li .text h5{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;white-space: normal;line-height: 24px;height: 48px;}
.techList li .text p{display: none;}


.picNewsList li{width: 49%;box-shadow: 0 0 10px rgba(0,0,0,0.1);margin-right: 0;}
.picNewsList li:nth-child(2n){float: right;}
.picNewsList li a{padding: 12px;}
.picNewsList li h5{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;white-space: normal;line-height: 24px;height: 48px;margin-bottom: 6px;}
.picNewsList li p{display: none;}

.pNav{margin-bottom: 20px;display: none;}
.pNav li{margin: 0 10px;}
.pNav li a{padding: 0 12px;line-height: 30px;min-width: 100px;}

.table2 td:first-child{width: 16%;}
}